<!-- eslint-disable vue/multi-word-component-names -->
<template>
  <div>
    运营工单
    <div>
      <!-- 总的一行 -->
      <el-row :gutter="20">
        <!-- 左边 -->
        <el-col :span="18">
          <!-- 第一行 -->
          <el-row :gutter="20">
            <el-col :span="14">
              <el-card style="height: 150px"> </el-card>
            </el-col>
            <el-col :span="10">
              <el-card style="height: 150px"> </el-card>
            </el-col>
          </el-row>
          <!-- 第二行 -->
          <el-row :gutter="20">
            <el-col :span="24">
              <el-card style="height: 330px" class="shop"> </el-card>
            </el-col>
          </el-row>
        </el-col>
        <!-- 右边 -->
        <el-col :span="6">
          <el-card style="height: 500px"> </el-card>
        </el-col>
      </el-row>
      <!-- 第二行 -->
      <el-row :gutter="20">
        <el-col :span="15">
          <el-card style="height: 330px"> </el-card>
        </el-col>
        <el-col :span="9">
          <el-card style="height: 330px"> </el-card>
        </el-col>
      </el-row>
    </div>
  </div>
</template>

<script>
export default {}
</script>

<style>
.shop {
  margin: 20px 0;
}
</style>
